<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <link rel='stylesheet' type='text/css' href='css/css.css' media='all'>
        <title>Trang cá nhân</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div id='profile-area'>
            <div id='profile-head'>
                Trang cá nhân
            </div>
            <div id='profile-name'>
                <div id='profile-img'>
                    <img src='Images/users.png' width='60' height='60' alt='user-avatar'>
                </div>
                <div id='profile-username'>
                    Admin
                </div>
            </div>
        <div id='profile-body'>
            <div id='profile-info'>
                <div class='profile-info-head'>
                    Thông tin cá nhân
                </div>
                <div id='profile-info-body'>
                    <ul id='profile-info-list'>
                        <li><span class='profile-note'>Nickname:</span> Admin</li>
                        <li><span class='profile-note'>Email:</span> admin@gmail.com</li>
                        <li><span class='profile-note'>Họ tên:</span> Nguyễn Ngọc Kiếm</li>
                        <li><span class='profile-note'>Tuổi:</span> 19</li>
                        <li><span class='profile-note'>Giới tính:</span> Nam</li>
                        <li><span class='profile-note'>Địa chỉ:</span> Đồng Nai, Việt Nam</li>
                        <li><span class='profile-note'>Ngôn ngữ:</span> Tiếng Anh</li>
                    </ul>
                </div>
            </div>
            <div id='profile-action'>
                <div class='profile-info-head'>
                    Thao tác
                </div>
                <div id='profile-action-list'>
                    <ul>
                        <li><a href=''>Edit thông tin</a></li>
                        <li><a href=''>Đổi mật khẩu</a></li>
                        <li><a href=''>Đổi Email</a></li>
                        <li><a href=''>Xem lịch sử chat</a></li>
                        <li><a href=''>Thoát</a></li>
                    </ul>
                </div>
            </div>
        </div><!-- end profile body -->
        </div><!-- end profile-name area -->
    </body>
</html>
